<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>achievementDetail</title>
		<script type="text/javascript" src="js/pxtorem.js"></script>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="iconfont/iconfont.css" />
	   	<link rel="stylesheet" href="css/achievementDetail.css" />
	</head>
	<body>
		<header class='headerBox'>
			<div class='goBack'>
				<i class='inline_logo mui-action-back icon iconfont icon-fanhui gobackIcon'></i>
			</div>
			<p class='title'>演说家</p>
		</header>
		
		<ul>
			<li class='achievementDetailList'>
				<div class='achievementDetail_titleBox'>
					<p class='achievementDetail_title'>等级一</p>
					<i class='title_border'></i>
				</div>
				<div class='achievementDetailBox'>
					<div class='achievementDetailLogo'>
						<img src="img/y_icon_big_hz@2x.png" alt="" />
					</div>
					<div class='achievementDetail_infoBox'>
						<p class='achievementDetail_titleName'>演说家 I</p>
						<div>
							<p class='achievementDetail_info'>用户累计评论数量达到100条</p>
							<p class='achievementDetail_info'>完成度：<span class='achievementDetail_progress'>100/100</span>条</p>
						</div>
					</div>
				</div>
			</li>
			<li class='achievementDetailList'>
				<div class='achievementDetail_titleBox'>
					<p class='achievementDetail_title'>等级二</p>
					<i class='title_border'></i>
				</div>
				<div class='achievementDetailBox'>
					<div class='achievementDetailLogo'>
						<img src="img/y_icon_big_hz@2x.png" alt="" />
					</div>
					<div class='achievementDetail_infoBox'>
						<p class='achievementDetail_titleName'>演说家 I</p>
						<div>
							<p class='achievementDetail_info'>用户累计评论数量达到100条</p>
							<p class='achievementDetail_info'>完成度：<span class='achievementDetail_progress'>100/100</span>条</p>
						</div>
					</div>
				</div>
			</li>
			<li class='achievementDetailList'>
				<div class='achievementDetail_titleBox'>
					<p class='achievementDetail_title'>等级三</p>
					<i class='title_border'></i>
				</div>
				<div class='achievementDetailBox'>
					<div class='achievementDetailLogo'>
						<img src="img/y_icon_big_hz@2x.png" alt="" />
					</div>
					<div class='achievementDetail_infoBox'>
						<p class='achievementDetail_titleName'>演说家 I</p>
						<div>
							<p class='achievementDetail_info'>用户累计评论数量达到100条</p>
							<p class='achievementDetail_info'>完成度：<span class='achievementDetail_progress'>100/100</span>条</p>
						</div>
					</div>
				</div>
			</li>
		</ul>
		
		<!--xiu~xiu~xiu~出现的新徽章-->
		<div class='achievement_model' lll='model' id='achievement_model'>
			<div class='achievement_newShow_box'>
				<i class='inline_logo achievement_new_bg' id='buling'></i>
				<div class='achievement_new_achievementLogo'><img src="img/y_icon_big_hz@2x.png" alt="" /></div>
			</div>
			<!--<div class='inline_logo'> <img src="img/y_icon_but@2x.png" alt="" /></div>-->
			<div class='achievement_new_text'> <img src="img/xunz@2x.png" alt="" /></div>
			<div class='achievement_new_btn'> <img src="img/y_icon_but@2x.png" alt="" /></div>
		</div>
		
		<script src="js/mui.js">
			mui.init();		
		</script>
		<script>
			setTimeout(function(){
				document.getElementById('achievement_model').classList.add('active')
				setTimeout(function(){
					document.getElementById('buling').classList.add('active')
				},100)
			},100)
			
			mui('#achievement_model').on('tap','div.achievement_new_btn',function(){
				document.getElementById('achievement_model').classList.remove('active')
			})
		</script>
	</body>
</html>
